{% extends "base.html" %}

{% block title %}Login{% endblock %}
{% block head %}
<link rel="stylesheet" href="/static/openid.css">
<script type="text/javascript" src="/static/js/openid-jquery.js"></script>
    <script type="text/javascript">
        $().ready(function() {
            openid.init('openid_identifier');
            $("#openid_identifier").focus();
        });
    </script>
{% endblock %}
{% block content %}
            

<div id="subheader">
    <h2>Log in with OpenID</h2>
</div>

<div id="mainbar">

        <div class="page-description">
        
        
        <p>You're currently an <b>anonymous</b> user. Just browsing around? That's totally cool with us.</p>

        <p>If you'd like to register, or if you've already registered, enter your <a href="http://openid.net/what/">OpenID</a>:</p>
                
        
        <div class="form-error">
            
        </div>           
        
        <form id="openid_form" action="/users/authenticate/" method="post">
                        
            <div style="font-size:140%;">
                <table>
                <tr>            
                <td class="vt"><input id="openid_identifier" class="openid-identifier" style="height:28px" name="openid_identifier" type="text" size="53" tabindex="100"></td>

                <td class="vt"><input id="submit-button" style="margin-left:5px; height:36px;" type="submit" value="Login" tabindex="101"></td>
                </tr>
                </table>            
            </div>                   
            
            <div style="clear:both;"></div>
            
            <!-- Simple OpenID Selector -->
            <fieldset>            		
		            <div id="openid_choice">
    		            <p>Alternately, click your account provider:</p>
    		            <div id="openid_btns"></div>

		            </div>
        			
		            <div id="openid_input_area">
		            </div>
    		        
		            <noscript>
		                <p>OpenID is service that allows you to log-on to many different websites using a single indentity.
		                Find out <a href="http://openid.net/what/">more about OpenID</a> and <a href="http://openid.net/get/">how to get an OpenID enabled account</a>.</p>
		            </noscript>
            </fieldset>
            <!-- /Simple OpenID Selector -->
            
            <div style="clear:both; margin-bottom:20px;"></div>
            <p>Don't forget to <b>enable OpenID support</b> with your preferred provider first!</p>                                      
        </form>

    </div>        
{% endblock %}